<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分享朋友圈</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/Friction-2.css" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<div class="Fricrion2-web">
			<div class="logo">
				<div class="Imgg">
					<img src="img/index/diaoiaoer3.png" />
				</div>
			</div>
			<!--内容部分-->
			<div class="section">
				<!--<div class="all">-->
				<!--图片-->
				<div class="text">
					<img src="img/Friction/chongdian2.png" />
				</div>

				<!--进度条-->
				<div class="Progress">
					<div class="Progress1">
						<div class="div1"></div>
						<div class="div2"></div>
					</div>
					<!--小框-->
					<div class="xiaokuang">
						<p><span></span>%</p>
						<div class="jiaotou">

						</div>
					</div>
				</div>
				<!--灰色信息框-->
				<div class="huise">
					<p>我还差<span>20%</span>的电量就可以拿到iPhone6了，</p>
					<p>快给我充点电吧！</p>
				</div>
				<!--为他充电-->
				<div class="anniu">
					<div class="chongdian">为他充电</div>
					<div>我也要玩</div>
				</div>

				<!--活动规则-->
				<!--游戏规则内容-->
				<div class="play-conten">

					<div class="youziguize2">
						活动规则
					</div>
					<p>1. 摩擦手机屏幕为iPhone充电,百分百获得奖品；</p>
					<p>2. <span>为iPhone充电量达到100%</span>即可抽取iPhone6和 电小二•锋6plus套装、电小二•锋6系列充电宝 等大奖；
					</p>

					<p>3. 如若摩擦充电的电量未能达到100%，<span>可通过邀请 好友为自己增加电量；</span>
					</p>
					<p>4. 所获奖品需要玩家至电小二天猫旗舰店咨询客服 领取。
					</p>
				</div>
				<!--朋友圈点赞-->
				<div class="pengyou">
					<ul>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<li>
							<div><img src="img/Raffle/xiangzi1.png" /></div>
							<div>猪猪侠，<span>3%</span>帮你充电，请你吃饭</div>
						</li>
						<!--</div>-->
				</div>
			</div>
			<!--点击为他充电后进入的页面-->
			<div class="dianji">
				<div>
					<p>小伙伴为其增加<span>3%</span>的电</p>
					<p>赏你点电，请我吃饭</p>
					<a href="Friction-4.html">
						<div class="que">确定</div>
					</a>
				</div>

			</div>

		</div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Friction-2.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
	</body>

</html>